$(function () {

    $("#probox").tyslide({
        boxh: 470,//盒子的高度
        w: 1200,//盒子的宽度
        h: 390,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
    });



    // 1.定义变量保存索引值
    let sum = 0;

    // 2.获取其中一个contentbox的高度
    let hei = parseInt($('.court .carouse .contentbox').eq(0).css('height'))
    console.log(hei);
    


    //3.注册换一批的点击事项
    $('#guess .headline>span').click(function(){
        // alert(2343)

        // 索引自增
        sum++

        if(sum>$('.court .carouse .contentbox').length-1){
            sum=0
        }

        // 获取当前索引对应的的移动距离
        let dis = -sum*hei+'px'
        console.log(dis);
        
        // 把dis设置到contentbox上
        $('.court .carouse').animate({top:dis},500)

    })


    // 海报轮播图
    $("#bannerbox").tyslide({
        boxh: 400,//盒子的高度
        w: 1000,//盒子的宽度
        h: 370,//图片的高度
        isShow: true,//是否显示控制器
        isShowBtn: true,//是否显示左右按钮
        controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW: 20,//控制按钮宽度
        controlsH: 20,//控制按钮高度
        radius: 10,//控制按钮圆角度数
        controlsColor: "#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
        isShowNum: true //是否显示数字
    });

    // 书籍 手风情
    $('#banneer .content .rightbox ul li').hover(function(){
        $(this).css('height','150px')
        $(this).siblings().css('height','52px')
    })


    // 手风琴效果
    $('.rightbox ul li').hover(function(){
        // 隐藏当前h3
        $(this).find('h3').addClass('disnone')
        // 显示当前div
        $(this).find('div').addClass('newbox')

        //让其他的h3显示
        $(this).siblings().find('h3').removeClass('disnone')

        //让其他的div隐藏
        $(this).siblings().find('div').removeClass('newbox')
    })
    $(".xunhuanbiao").click(function(){
        console.log(".xunhuanbiao")
        
    })

})